import React from 'react';
import { Tabs,Avatar, List  } from 'antd';
import type { TabsProps } from 'antd';
import Tab from './components/Tab';

const onChange = (key: string) => {
  console.log(key);
};

// const items: TabsProps['items'] = [
//   {
//     key: '1',
//     label: '待接单',
//     children: 'Content of Tab Pane 1',
//   },
//   {
//     key: '2',
//     label: '待发出',
//     children: 'Content of Tab Pane 2',
//   },
//   {
//     key: '3',
//     label: '待送达',
//     children: 'Content of Tab Pane 3',
//   },
//   {
//     key: '4',
//     label: '已完成',
//     children: 'Content of Tab Pane 3',
//   },
//   {
//     key: '5',
//     label: '取消/退款',
//     children: 'Content of Tab Pane 3',
//   },
// ];
const data = [
  {
    title: '商品名称实例',
  },
  {
    title: '商品名称实例',
  },
  {
    title: '商品名称实例',
  },
  {
    title: '商品名称实例',
  },
];

const App: React.FC = () => (
  <div>
  <Tab></Tab>
   <List
    itemLayout="horizontal"
    dataSource={data}
    renderItem={(item, index) => (
      <List.Item>
        <List.Item.Meta
          avatar={<Avatar src={`https://api.dicebear.com/7.x/miniavs/svg?seed=${index}`} />}
          title={<a href="https://ant.design">{item.title}</a>}
          description="￥100.00"
        />
      </List.Item>
    )}
  /> 
 
  </div>


);

export default App;